<template>
	<view class="sc_box" style="">
		<u-navbar
			:height="navHeight"
			back-text="我的收藏"
			:border-bottom="false"
			:back-text-style="textStyle"
			back-icon-color="#000000"
			style="font-weight: bold;font-family: PingFang SC;"
		></u-navbar>
		<view style="position: fixed; z-index: 2;width: 100%;background-color: white;">
			<view style="width: 80%;margin: auto;position: relative;">
				<u-tabs
					name="cate_name"
					:list="list"
					active-color="#FCA800"
					inactive-color="#000000"
					font-size="30"
					font-weight="500"
					:is-scroll="false"
					:current="current"
					:gutter="17"
					@change="change"
				></u-tabs>
				<!--   -->
				<view @tap="guanli()" style="position: absolute;z-index: 10; right: 0rpx;top:22rpx;color: #707070;font-size: 26rpx;padding-bottom: 10rpx;height: 100%;">
					<view style="width: 100rpx;text-align: right;">
						<text v-if="gls == false">管理</text>
						<text v-if="gls == true" style="color: #F39523;">完成</text>
					</view>
					<!-- 	<view v-if="gls==true" @tap="finish()" style="color: #F39523;width: 100rpx;text-align: right;">完成</view> -->
				</view>
			</view>
		</view>
		<view style="height: 70rpx;"></view>
		<mescroll-body top="0" :down="downOption" :height="comHeight" :up="upOption" ref="mescrollRef" @init="mescrollInit" @down="downCallback">
			<view v-if="star == 0">
				<view style="padding-top: 30rpx;padding-bottom: 54rpx;">
					<view v-for="(item, index) in youxiao_list" :key="index" style="margin-bottom: 10rpx;">
						<view
							v-if="gls == false"
							@tap="shopDetail(item.enterpriseId)"
							style="width:100% ;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;overflow: hidden;"
						>
							<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.portrait" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
							<view style="float: right;width: 80%;">
								<view style="float: left;width: 60%;">
									<view class="sc_title" style="">{{ item.name }}</view>
									<view style="padding: 6rpx 0rpx 3rpx 6rpx;">
										<u-rate
											active-color="#F29423"
											size="26rpx"
											inactive-color="#E4E4E4"
											:disabled="true"
											gutter="10"
											:count="count"
											v-bind:value.sync="item.score"
										></u-rate>
										<text style="color:#F29423 ;font-size: 24rpx;">{{ item.score }}</text>
									</view>
								</view>
								<view
									style="float: right;width: 160rpx;height: 36rpx;background: #FFF2D9;border: 1px solid #F29423;border-radius: 5px 0px 5px 0px;text-align: center; "
								>
									<view class="" style="font-size: 22rpx;color: #F29423;">{{ item.yuarNmu || '0' }}年行业经验</view>
								</view>
								<view style="overflow: hidden;width: 96%;margin: auto;">
									<view style="float: left;display: flex;align-items: center;">
										<image
											src="https://beedao.oss-cn-beijing.aliyuncs.com/1c46a3d2714b4edca4cbdc968f05aca5.png"
											mode=""
											style="width: 28rpx;height: 26rpx;"
										></image>
										<text class="sc_yishou" style="margin-left: 18rpx;">已服务{{ item.serverNum }}次</text>
									</view>
									<view class="sc_yishou" style="float: right;">
										<text>{{ item.region }}</text>
									</view>
								</view>
							</view>
						</view>
						<view v-else style=" width:100% ;padding-bottom: 18rpx;overflow: hidden;">
							<view style="float: left;width: 40rpx;padding-top:32rpx ;">
								<label @click="radioChange(item.favoriteId)" style="font-size:28upx;text-align: center;">
									<!--  -->
									<radio style="transform: scale(0.7);" color="#FFC000" value="r" :checked="xuanzhong.indexOf(item.favoriteId) != -1" />
								</label>
							</view>
							<view @tap="shopDetail(item.enterpriseId)" style="width:92% ;float: right;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;">
								<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.portrait" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
								<view style="float: right;width: 80%;">
									<view style="float: left;width: 60%;">
										<view class="sc_title" style="">{{ item.name }}</view>
										<view style="padding: 6rpx 0rpx 3rpx 6rpx;">
											<u-rate
												active-color="#F29423"
												size="26rpx"
												inactive-color="#E4E4E4"
												:disabled="true"
												gutter="10"
												:count="count"
												v-bind:value.sync="item.score"
											></u-rate>
											<text style="color:#F29423 ;font-size: 24rpx;">{{ item.score }}</text>
										</view>
									</view>
									<view
										style="float: right;width: 160rpx;height: 36rpx;background: #FFF2D9;border: 1px solid #F29423;
							border-radius: 5px 0px 5px 0px;text-align: center; "
									>
										<view class="" style="font-size: 22rpx;color: #F29423;">{{ item.yuarNmu || '0' }}年行业经验</view>
									</view>
									<view style="overflow: hidden;width: 96%;margin: auto;">
										<view style="float: left;display: flex;align-items: center;">
											<image
												src="https://beedao.oss-cn-beijing.aliyuncs.com/1c46a3d2714b4edca4cbdc968f05aca5.png"
												mode=""
												style="width: 28rpx;height: 26rpx;"
											></image>

											<text class="sc_yishou" style="margin-left: 18rpx;">已服务{{ item.serverNum }}次</text>
										</view>
										<view class="sc_yishou" style="float: right;">
											<text>{{ item.region }}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 失效套餐 -->
				<!--  -->
				<view v-if="shixiao_list.length > 0">
					<view v-if="gls" style="overflow: hidden;padding-bottom: 28rpx;">
						<view style="float: left;color: #9E9EB2;margin-left:60rpx;">失效商家</view>
						<view @tap="shixiao()" style="float: right;color: #F29423;">清空失效商家</view>
					</view>
					<view v-else style="overflow: hidden;padding-bottom: 28rpx;">
						<view style="float: left;color: #9E9EB2;">失效商家</view>
						<view @tap="shixiao()" style="float: right;color: #F29423;">清空失效商家</view>
					</view>
				</view>

				<view v-for="(item, index) in shixiao_list" :key="index" style=" width: 100%;margin-bottom: 10rpx; opacity: 0.5;">
					<view v-if="gls == false" style="width:100% ;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;overflow: hidden;">
						<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.portrait" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
						<view style="float: right;width: 80%;">
							<view style="float: left;width: 60%;">
								<view class="sc_title" style="">{{ item.name }}</view>
								<view style="padding: 6rpx 0rpx 3rpx 6rpx;">
									<u-rate
										active-color="#F29423"
										size="26rpx"
										inactive-color="#E4E4E4"
										:disabled="true"
										gutter="10"
										:count="count"
										v-bind:value.sync="item.score"
									></u-rate>
									<text style="color:#F29423 ;font-size: 24rpx;">{{ item.score }}</text>
								</view>
							</view>
							<view
								style="float: right;width: 160rpx;height: 36rpx;background: #FFF2D9;border: 1px solid #F29423;
				border-radius: 5px 0px 5px 0px;text-align: center; "
							>
								<view class="" style="font-size: 22rpx;color: #F29423;">{{ item.yuarNmu || '0' }}年行业经验</view>
							</view>

							<view style="overflow: hidden;width: 96%;margin: auto;">
								<view style="float: left;display: flex;align-items: center;">
									<image
										src="https://beedao.oss-cn-beijing.aliyuncs.com/1c46a3d2714b4edca4cbdc968f05aca5.png"
										mode=""
										style="width: 28rpx;height: 26rpx;"
									></image>

									<text class="sc_yishou" style="margin-left: 18rpx;">已服务{{ item.serverNum }}次</text>
								</view>
								<view class="sc_yishou" style="float: right;">
									<text>{{ item.region }}</text>
								</view>
							</view>
						</view>
					</view>
					<view v-else style=" width:100% ;padding-bottom: 18rpx;overflow: hidden;">
						<view style="float: left;width: 40rpx;padding-top:32rpx ;">
							<label @click="radioChange(item.favoriteId)" style="font-size:28upx;text-align: center;">
								<!--  -->
								<radio style="transform: scale(0.7);" color="#FFC000" value="r" :checked="xuanzhong.indexOf(item.favoriteId) != -1" />
							</label>
						</view>
						<view @tap="tuangouDetails(item.packageBusinessId)" style="width:92% ;float: right;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;">
							<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.portrait" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
							<view style="float: right;width: 80%;">
								<view style="float: left;width: 60%;">
									<view class="sc_title" style="">{{ item.name }}</view>
									<view style="padding: 6rpx 0rpx 3rpx 6rpx;">
										<u-rate
											active-color="#F29423"
											size="26rpx"
											inactive-color="#E4E4E4"
											:disabled="true"
											gutter="10"
											:count="count"
											v-bind:value.sync="item.score"
										></u-rate>
										<text style="color:#F29423 ;font-size: 24rpx;">{{ item.score }}</text>
									</view>
								</view>
								<view
									style="float: right;width: 160rpx;height: 36rpx;background: #FFF2D9;border: 1px solid #F29423;
						border-radius: 5px 0px 5px 0px;text-align: center; "
								>
									<view class="" style="font-size: 22rpx;color: #F29423;">{{ item.yuarNmu || '0' }}年行业经验</view>
								</view>
								<view style="overflow: hidden;width: 96%;margin: auto;">
									<view style="float: left;display: flex;align-items: center;">
										<image
											src="https://beedao.oss-cn-beijing.aliyuncs.com/1c46a3d2714b4edca4cbdc968f05aca5.png"
											mode=""
											style="width: 28rpx;height: 26rpx;"
										></image>

										<text class="sc_yishou" style="margin-left: 18rpx;">已服务{{ item.serverNum }}次</text>
									</view>
									<view class="sc_yishou" style="float: right;">
										<text>{{ item.region }}</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else-if="star == 1">
				<view style="padding-top: 30rpx;padding-bottom: 54rpx;">
					<view v-for="(item, index) in youxiao_list" :key="index" style=" width: 100%; ">
						<view
							v-if="gls == false"
							@tap="tuangouDetails(item.packageBusinessId)"
							style="width:100% ;margin:24rpx auto; border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;overflow: hidden;"
						>
							<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.coverImage" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
							<view style="float: right;width: 80%;">
								<view class="sc_title" style="">{{ item.name }}</view>
								<view style="overflow: hidden;width: 96%;margin: auto;padding-top: 40rpx;">
									<view style="float: left;">
										<text class="sc_fh">￥</text>
										<text class="sc_price">{{ item.unitPrice }}</text>
										<text class="sc_fh2">￥{{ item.showPrice }}</text>
									</view>
									<view class="sc_yishou" style="float: right;">已售{{ item.totalSale }}</view>
								</view>
							</view>
						</view>
						<view v-else style="width: 100%; margin:24rpx auto;overflow: hidden;">
							<view style="float: left;width: 40rpx;padding-top:32rpx ;">
								<label @click="radioChange(item.favoriteId)" style="font-size:28upx;text-align: center;">
									<radio style="transform: scale(0.7);" color="#FFC000" value="r" :checked="xuanzhong.indexOf(item.favoriteId) != -1" />
								</label>
							</view>
							<view @tap="tuangouDetails(item.packageBusinessId)" style="width:92% ;float: right;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;">
								<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.coverImage" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
								<view style="float: right;width: 80%;">
									<view class="sc_title" style="">{{ item.enterpriseName }}</view>
									<view style="overflow: hidden;width: 96%;margin: auto;padding-top: 40rpx;">
										<view style="float: left;">
											<text class="sc_fh">￥</text>
											<text class="sc_price">{{ item.unitPrice }}</text>
											<text class="sc_fh2">￥{{ item.showPrice }}</text>
										</view>
										<view class="sc_yishou" style="float: right;">已售{{ item.totalSale }}</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 失效套餐 -->
				<!-- v-if="shixiao_list.length > 0" -->
				<view v-if="shixiao_list.length > 0">
					<view v-if="gls" style="overflow: hidden;padding-bottom: 28rpx;">
						<view style="float: left;color: #9E9EB2;margin-left:60rpx;">失效套餐</view>
						<view @tap="shixiao()" style="float: right;color: #F29423;">清空失效套餐</view>
					</view>
					<view v-else style="overflow: hidden;padding-bottom: 28rpx;">
						<view style="float: left;color: #9E9EB2;">失效套餐</view>
						<view @tap="shixiao()" style="float: right;color: #F29423;">清空失效套餐</view>
					</view>
				</view>

				<view v-for="(item, index) in shixiao_list" :key="index" style="width: 100%;opacity: 0.5;">
					<view v-if="gls == false" style="width:100% ;margin:24rpx auto; border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;overflow: hidden;">
						<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.coverImage" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
						<view style="float: right;width: 80%;">
							<view class="sc_title" style="">{{ item.enterpriseName }}</view>
							<view style="overflow: hidden;width: 96%;margin: auto;padding-top: 40rpx;">
								<view style="float: left;">
									<text class="sc_fh">￥</text>
									<text class="sc_price">{{ item.unitPrice }}</text>
									<text class="sc_fh2">￥{{ item.showPrice }}</text>
								</view>
								<view class="sc_yishou" style="float: right;">已售{{ item.totalSale }}</view>
							</view>
						</view>
					</view>

					<view v-else style="width: 100%; margin:24rpx auto;overflow: hidden;">
						<view style="float: left;width: 40rpx;padding-top:32rpx ;">
							<label @click="radioChange(item.favoriteId)" style="font-size:28upx;text-align: center;">
								<radio style="transform: scale(0.7);" color="#FFC000" value="r" :checked="xuanzhong.indexOf(item.favoriteId) != -1" />
							</label>
						</view>
						<view style="width:92% ;float: right;border-bottom:2rpx solid #DEDEDE ;padding-bottom: 18rpx;">
							<view style="float: left;width: 122rpx;height: 122rpx;"><image :src="item.coverImage" style="width: 122rpx;height: 122rpx;" mode="aspectFill"></image></view>
							<view style="float: right;width: 80%;">
								<view class="sc_title" style="">{{ item.enterpriseName }}</view>
								<view style="overflow: hidden;width: 96%;margin: auto;padding-top: 40rpx;">
									<view style="float: left;">
										<text class="sc_fh">￥</text>
										<text class="sc_price">{{ item.unitPrice }}</text>
										<text class="sc_fh2">￥{{ item.showPrice }}</text>
									</view>
									<view class="sc_yishou" style="float: right;">已售{{ item.totalSale }}</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>

			<view style="margin: 40rpx 0rpx;" v-if="!showList">
				<u-divider color="#DEDEDE" half-width="120" border-color="#DEDEDE">{{ prompt }}</u-divider>
			</view>
		</mescroll-body>
		<!--  -->
		<view v-if="gls == true" style="position: fixed;width: 100%;background-color: white; bottom: 0upx;right: 20rpx; padding:20rpx 0rpx 40rpx 0rpx;">
			<view style="width: 100%;margin: auto;overflow: hidden;display: flex;justify-content: space-between;align-items: center;">
				<view style="margin-left: 70rpx;">
					<label @tap="quanxuan()" style="font-size:28upx;text-align: center;">
						<!-- @click="radioChange"  -->
						<radio style="transform: scale(0.8);" color="#FFC000" value="" :checked="check" />
						<text style="color: #F29423;font-size: 26rpx;">全选</text>
					</label>
				</view>
				<view @tap="delet_list()" style="line-height: 44rpx;color: #F39523;font-size: 26rpx;background: #F29423;padding: 12rpx 50rpx;color: #FFFFFF;border-radius: 10rpx;">
					删除
				</view>
			</view>
		</view>
		<u-toast ref="uToast" />
		<!-- 弹窗 -->
	</view>
</template>

<script>
var that;
export default {
	data() {
		return {
			textStyle: {
				color: '#272755'
			},
			downOption: {
				use: true,
				auto: false,
				offset: 40
			},
			upOption: {
				use: false
			},
			mescroll: null,
			prompt: '没有更多了',
			sclist: '',
			youxiao_list: [],
			shixiao_list: [],
			page: 1,
			list: [
				{
					cate_name: '商家'
				},
				{
					cate_name: '套餐',
					cate_count: 2
				}
			],
			current: 0,
			star: 0,
			disabled: false,
			value: 'orange',
			count: 5,
			values: 2,
			check: false,
			show: true,
			type: 1,
			xuanzhong: [],
			totolPage: 0,
			gls: false,
			comHeight: 0,
			navHeight: 0
		};
	},
	onLoad() {
		that = this;
		var menuButtonInfo = uni.getMenuButtonBoundingClientRect();
		const { top, width, height, right } = menuButtonInfo;
		uni.getSystemInfo({
			success: res => {
				const { statusBarHeight } = res;
				const margin = top - statusBarHeight;
				var navHeight = height + statusBarHeight + margin * 2;
				that.navHeight = height + margin * 2;
				that.comHeight = res.windowHeight - navHeight - 53 - 34 + 'px';
			}
		});
		that.page = 1;
		that.type = 1;
		that.sclist = [];
		that.shoucang_list();
	},
	onReachBottom() {
		console.log(112233);
		if (that.page < that.totolPage) {
			that.page += 1;
			that.shoucang_list();
		} else {
		}
	},

	methods: {
		//跳转商家详情
		shopDetail(enterpriseId) {
			uni.navigateTo({
				url: '/pageageA/home/shopDetails/shopDetails?enterpriseId=' + enterpriseId
			});
		},
		// 跳转套餐详情
		tuangouDetails(packageBusinessId) {
			// uni.navigateTo({
			// 	url:'/pageageA/order/tuangouDetails/tuangouDetails?packageBusinessId='+packageBusinessId
			// })

			uni.navigateTo({
				url: '/pageageA/home/shopDetails/tuangouDetails/tuangouDetails?packageBusinessId=' + packageBusinessId
			});
		},
		guanli() {
			that.gls = !that.gls;
		},
		// finish() {
		// 	that.gls = false;
		// },
		//全选
		quanxuan() {
			that.check = !that.check;
			that.xuanzhong = [];
			if (that.check == true) {
				that.sclist.forEach(item => {
					that.xuanzhong.push(item.favoriteId);
				});
			} else {
				that.xuanzhong = [];
			}
		},
		//删除
		delet_list() {
			uni.showModal({
				content: '要删除选中套餐吗？',
				cancelText: '我再想想',
				cancelColor: '#F19322',
				confirmColor: '#9393AA',
				confirmText: '确认',
				success: function(res) {
					if (res.confirm) {
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'favorite/del'
						};
						let data = {
							favoriteIds: that.xuanzhong
						};
						that.http.httpTokenRequest(opts, data).then(res => {
							//打印请求返回的数据
							console.log(res);
							if (res.code == '200') {
								that.page = 1;
								that.sclist = [];
								(that.youxiao_list = []), (that.shixiao_list = []), that.shoucang_list();
								uni.showToast({
									title: '删除成功',
									icon: 'none'
								});
							} else {
								that.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},

		// 收藏列表
		shoucang_list() {
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'favorite/page'
			};
			let data = {
				type: that.type,
				page: that.page,
				pageSize: 15
			};
			that.http.httpTokenRequest(opts, data).then(res => {
				//打印请求返回的数据
				console.log(res);
				if (res.code == '200') {
					that.totolPage = res.data.pages;
					var num = res.data.records;
					if (num.length > 0) {
						if ((that.page = 1)) {
							that.sclist = res.data.records;
						} else {
							that.sclist = that.sclist.concat(res.data.records);
						}
						if (res.data.records.length <= 15) {
							that.prompt = '没有更多了';
						} else {
							that.prompt = '加载中';
						}
						that.youxiao_list = [];
						that.shixiao_list = [];
						that.sclist.forEach(item => {
							if (that.type == 1) {
								if (item.status == 1) {
									that.youxiao_list.push(item);
								} else {
									that.shixiao_list.push(item);
								}
							} else if (that.type == 3) {
								if (item.saleStatus == 1) {
									that.youxiao_list.push(item);
								} else {
									that.shixiao_list.push(item);
								}
							}
						});
					} else if (res.data.records.length == 0) {
						that.prompt = '没有更多了';
					}
				} else {
					that.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
		},
		mescrollInit(mescroll) {
			this.mescroll = mescroll;
		},
		// 下拉刷新回调函数
		downCallback() {
			console.log('下拉刷新');
			setTimeout(() => {
				that.page = 1;
				that.sclist = [];
				that.shoucang_list();
				this.mescroll.endSuccess();
			}, 500);
		},
		change(index) {
			that.current = index;
			that.star = index;
			that.page = 1;
			that.check = false;
			that.sclist = [];
			that.youxiao_list = [];
			that.shixiao_list = [];
			that.xuanzhong = [];
			that.prompt = '加载中....';
			if (index == 0) {
				that.type = 1;
				that.shoucang_list();
			} else if (index == 1) {
				that.type = 3;
				that.shoucang_list();
			}
		},
		// 选中某个单选框时，由radio时触发
		radioChange(e) {
			console.log(that.xuanzhong.indexOf(e));
			if (that.xuanzhong.indexOf(e) == -1) {
				that.xuanzhong.push(e);
				if (that.xuanzhong.length == that.sclist.length) {
					that.check = true;
				} else {
					that.check = false;
				}
			} else {
				var index = that.xuanzhong.indexOf(e);
				that.xuanzhong.splice(index, 1);
			}
			if (that.xuanzhong.length == that.sclist.length) {
				that.check = true;
			} else {
				that.check = false;
			}
		},
		radioGroupChange(e) {},
		shixiao() {
			that.xuanzhong = [];
			that.shixiao_list.forEach(item => {
				that.xuanzhong.push(item.favoriteId);
			});
			uni.showModal({
				content: '要删除失效内容吗？',
				cancelText: '我再想想',
				cancelColor: '#F19322',
				confirmColor: '#9393AA',
				confirmText: '确认',
				success: function(res) {
					if (res.confirm) {
						let opts = {
							way: true, //true JSON请求；false 表单请求
							method: 'post',
							url: 'favorite/del'
						};
						let data = {
							favoriteIds: that.xuanzhong
						};
						that.http.httpTokenRequest(opts, data).then(res => {
							//打印请求返回的数据
							console.log(res);
							if (res.code == '200') {
								that.page = 1;
								that.sclist = [];
								that.shixiao_list = [];
								that.shoucang_list();
								uni.showToast({
									title: '删除成功',
									icon: 'none'
								});
							} else {
								that.$refs.uToast.show({
									title: res.message,
									type: 'error'
								});
							}
						});
						// uni.showToast({
						// 	title: '删除成功',
						// 	icon: 'none'
						// });
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		}
	}
};
</script>

<style scoped lang="scss">
.sc_box {
	width: 94%;
	margin: auto;
}

.sc_title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #3f3f3f;
	font-size: 32rpx;
	font-weight: bold;
}

.sc_fh {
	color: #f29423;
	font-size: 26rpx;
}

.sc_fh2 {
	text-decoration: line-through;
	color: #ceced1;
	font-weight: bold;
	margin-left: 20rpx;
	font-size: 26rpx;
}

.sc_yishou {
	color: #9393aa;
	font-size: 26rpx;
	line-height: 42rpx;
}

.sc_price {
	color: #f29423;
	font-weight: bold;
	font-size: 36rpx;
}
</style>
